<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>我要买菜-修改地址</title>
		<link rel="stylesheet" type="text/css" href="css/common/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/address/address.css"/>
		<link rel="stylesheet" type="text/css" href="css/address/address_alter.css"/>
	</head>
	<body>
		<div class="header">
			<div class="container">
				<div class="row">
					<div class="col-xs-4 text-left">
						<a href="#"><i class="iconfont">&#xe620;</i></a>
					</div>
					<div class="col-xs-4 text-center">
						<p class="title">修改地址</p>
					</div>
					<div class="col-xs-4 text-right">
						<a href="#">保存</a>
					</div>
			    </div>
			</div>
		</div>
		<div class="container-fluid address">
			<div class="row">
				<div class="col-xs-12 d-line width-100"><span></span></div>
			</div>
		   <div class="row item">
		   	 <div class="col-xs-3 item_left">联系人</div>
		   	 <div class="col-xs-9 item_right"><input type="text" name="uname" id="uname" placeholder="收货人姓名" value="咕咕"/></div>
		   </div>
		   <div class="row">
				<div class="col-xs-12 d-line"><span></span></div>
			</div>
			<div class="row item">
		   	 <div class="col-xs-3 item_left"></div>
		   	 <div class="col-xs-9 item_right clearfix">
		   	 	<div class="pull-left sex">男</div><div class="pull-left sex current">女</div>
		   	 </div>
		     </div>
		     <div class="row">
				<div class="col-xs-12 d-line"><span></span></div>
			</div>
		    <div class="row item">
		   	 <div class="col-xs-3 item_left">手机号码</div>
		   	 <div class="col-xs-9 item_right"><input type="text" name="uname" id="uname" placeholder="鲜蜂侠联系您的电话" value="15252666669"/></div>
		   </div>
		   <div class="row">
				<div class="col-xs-12 d-line"><span></span></div>
			</div>
		   <div class="row item">
		   	 <div class="col-xs-3 item_left">所在城市</div>
		   	 <div class="col-xs-9 item_right">
		   	 	<div class="h-sel_wrap">
                    <label id="lblcity">
                        北京
                    </label>
                    <select class="h-select_cti" id="city">
                    <option>北京</option>
                    <option>上海</option>
  					</select>
				</div>
		   	 </div>
		   </div>
		   <div class="row">
				<div class="col-xs-12 d-line"><span></span></div>
			</div>
		   <div class="row item">
		   	 <div class="col-xs-3 item_left">所在地区</div>
		   	 <div class="col-xs-9 item_right">
		   	 	<div class="h-sel_wrap">
                    <label id="lbladdress">
                        顶秀花园
                    </label>
                    <select class="h-select_cti" id="address">
                    <option>1</option>
                    <option>2</option>
  					</select>
				</div>
		   	 </div>
		   </div>
		   <div class="row">
				<div class="col-xs-12 d-line"><span></span></div>
			</div>
		   <div class="row item">
		   	 <div class="col-xs-3 item_left">详细地址</div>
		   	 <div class="col-xs-9 item_right"><input type="text" name="udetail" id="udetail" placeholder="请输入楼号门牌号等详细信息" value="红袖咯1052"/></div>
		   </div>
		   <div class="row">
				<div class="col-xs-12 d-line width-100"><span></span></div>
			</div>
		</div>
		<div class="row delete">
		   		<div class="col-xs-12 text-center">
		   			删除当前地址
		   		</div>
		</div>
		<script src="js/common/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$(function(){
				// 性别选择
				$(".sex").on("touchstart",function(){
					$(this).addClass("current");
					$(this).siblings(".sex").removeClass("current");
				});
				// 下拉菜单(√)
			     $(".h-sel_wrap").on("change", function() {
				    var o;
				    var opt = $(this).find('option');
				    opt.each(function(i) {
				        if (opt[i].selected == true) {
				            o = opt[i].innerHTML;
				        }
				    })
				    $(this).css("color","#141414");
				    $(this).find('label').html(o);
				});
			})
		</script>
	</body>
</html>
